<jsp:include page="include-header.jsp"/>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAAzLbK5ZWTtMA_smTme5DyvxQJgUzVpRYZtMkTNxs1rTXj_HbZXhQRth3pmcktJdoEo0FJyz3SX29anA" type="text/javascript"></script>


<script type="text/javascript">
    function mouse_in_occurred (index) {

        var xyz = messagesList1[index];
        $("#conversationDiv").empty().hide().append(xyz).fadeIn('slow');
        
        var abc = messagesList2[index];
        $("#productsDiv").empty().hide().append(abc).fadeIn('slow');
      	
    }
    function mouse_out_occurred () {
        textarea1.value="";
        textarea2.value="";
    }
</script>
<div id="content" class="full_column">
<div id="content_header">Conversation Map</div>
	
<div id="left_inner_map">
    <h4 align="center">Conversations</h4>
    <div id="conversationDiv"><span style="">Move your mouse over the message routes to view conversation and product details</span></div>
    
    <h4 align="center">Products</h4>
    <div id="productsDiv"><span style="">Move your mouse over the message routes to view conversation and product details</span></div>
</div>

<!-- right column end -->

<!-- right column -->
<div id="right_inner_map">
    <div id="map_canvas" >

    <noscript><b>JavaScript must be enabled in order for you to use Google Maps.</b> 
      However, it seems JavaScript is either disabled or not supported by your browser. 
      To view Google Maps, enable JavaScript by changing your browser options, and then 
      try again.
    </noscript>
    
    </div>
    <img src="images/legend.png"/>
  </div>
</div>
    <script type="text/javascript">

    if (GBrowserIsCompatible()) {
      
      // === The basis of the arrow icon information ===
      var arrowIcon = new GIcon();
      arrowIcon.iconSize = new GSize(24,24);
      arrowIcon.shadowSize = new GSize(1,1);
      arrowIcon.iconAnchor = new GPoint(12,12);
      arrowIcon.infoWindowAnchor = new GPoint(0,0);
      
      // === Function to create a marker arrow ===
      function createMarker(point,icon) {
        var marker = new GMarker(point,icon);
        map.addOverlay(marker)
      }
      
      // === Returns the bearing in degrees between two points. ===
      // North = 0, East = 90, South = 180, West = 270.
      var degreesPerRadian = 180.0 / Math.PI;
      function bearing( from, to ) {
        // See T. Vincenty, Survey Review, 23, No 176, p 88-93,1975.
        // Convert to radians.
        var lat1 = from.latRadians();
        var lon1 = from.lngRadians();
        var lat2 = to.latRadians();
        var lon2 = to.lngRadians();

        // Compute the angle.
        var angle = - Math.atan2( Math.sin( lon1 - lon2 ) * Math.cos( lat2 ), Math.cos( lat1 ) * Math.sin( lat2 ) - Math.sin( lat1 ) * Math.cos( lat2 ) * Math.cos( lon1 - lon2 ) );
        if ( angle < 0.0 )
	        angle  += Math.PI * 2.0;

        // And convert result to degrees.
        angle = angle * degreesPerRadian;
        angle = angle.toFixed(1);

        return angle;
      }
       
      // === A function to create the arrow head at the end of the polyline ===
      function arrowHead(points) {
        // == obtain the bearing between the last two points
        var p1=points[points.length-1];
        var p2=points[points.length-2];
        var dir = bearing(p2,p1);
        // == round it to a multiple of 3 and cast out 120s
        var dir = Math.round(dir/3) * 3;
        while (dir >= 120) {dir -= 120;}
        // == use the corresponding triangle marker 
        arrowIcon.image = "http://www.google.com/intl/en_ALL/mapfiles/dir_"+dir+".png";
        createMarker(p1, arrowIcon);
      }
      
      // === A function to put arrow heads at intermediate points
      function midArrows(points) {
        for (var i=1; i < points.length-1; i++) {  
          var p1=points[i-1];
          var p2=points[i+1];
          var dir = bearing(p1,p2);
          // == round it to a multiple of 3 and cast out 120s
          var dir = Math.round(dir/3) * 3;
          while (dir >= 120) {dir -= 120;}
          // == use the corresponding triangle marker 
          arrowIcon.image = "http://www.google.com/intl/en_ALL/mapfiles/dir_"+dir+".png";
          createMarker(points[i], arrowIcon);
        }
      }
      
      // === A function to put arrow heads in the middle of lines
      function midLineArrows(points) {
        for (var i=0; i<points.length-1; i++) {  
          var p1=points[i];
          var p2=points[i+1];
          var p3=new GLatLng((p1.lat()+p2.lat())/2,(p1.lng()+p2.lng())/2)
          var dir = bearing(p1,p2);
          // == round it to a multiple of 3 and cast out 120s
          var dir = Math.round(dir/3) * 3;
          while (dir >= 120) {dir -= 120;}
          // == use the corresponding triangle marker 
          arrowIcon.image = "http://www.google.com/intl/en_ALL/mapfiles/dir_"+dir+".png";
          createMarker(p3, arrowIcon);
        }
      }

      // create the map
      var map = new GMap2(document.getElementById("map_canvas"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      
   //   var destLat = "39.63953756436671";
   //   var destLog = "116.279296875";

      var destLat = "1.3367";
      var destLog = "103.8";
      //map.setCenter(new GLatLng(destLat, destLog), 2);
      map.setCenter(new GLatLng(47.517200697839414, 145.283203125), 2);
      
      var mapLats = new Array(//"20.96143961409684", 
                              //"37.3002752813443" 
                             // "1.3667",
                              "39.63953756436671",
                            //  "37.775",
                             // "51.41291212935532", 
                            //  "-34.59704151614416", 
                           //   "-29.80251790576445", 
                            //  "-6.664607562172572", 
                            //  "40.44028431845116",
                              "37.77234303484358"
                             );
                             
      var mapLogs = new Array(//"40.341796875", 
                              //"127.08984375"
                          //   " 103.8",
                          "116.279296875",
                           //  "-122.4183333",
                             // "-0.17578125", 
                             // "150.99609375", 
                             // "28.388671875", 
                             // "106.962890625", 
                              //"-79.99626159667969",
                              "-122.4180793762207"
                             );
      var titlesProduct = new Array("Annex Watchphone S200",
                                    "WiFi Detector Watch",
                                    "Turtle TW-800 GSM Cell Phone Watch",
                                    "Gibson Matrix",
                                    "Mr. Gadget 1GB USB Executive Watch",
                                    "DX Uncrushable C100",
                                    "Binary Time Watch",
                                    "Garmin Forerunner 405 Watch"
                                   );
      
  //*************************************************************
  //*****************************************************
  //******************************************
  //********************************
  //******************* Change this park start ....
  //***********
  //*****
  //*
	  
      var messagesList1 = new Array(//"<div id=\"msgMap\"><div id=\"mTitle\">Alice Braga  8/19/2011 11:00:01 AM Atlantic Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/alicebraga.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Susan, <br/> This is Alice Braga from Hutchinson Nova. I saw your advertisement on the on DX Uncrushable C100 and have generated intense interest in it. However, may I enquire on what is the extent of damage that the watch can manage? <br/> Best Regards, <br/> Alice Braga <br/> Purchaser <br/> Hutchinson Technology </p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Susan Tan  8/19/2011 2:00:01 PM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/susantan.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Alice, <br/> The watch is designed to handle the weight of an average car weighing from 1.5 to 2 tones. <br/> Hope it helps. <br/> Best Regards, <br/> Susan Tan <br/> Sales and Marketing Manager <br/> WatchFactory, Inc.</p></div>",
                                    //"<div id=\"msgMap\"><div id=\"mTitle\">Yong Kim  7/10/2011 02:00:01 PM Korean Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/yongkim.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Susan, <br/> This is Yong Kim from Watson. I hope you still remember me? I purchased a batch of Turtle TW-800 GSM Cell Phone Watch from you a few weeks ago, and it has received amazing market response. We are planning another major rollout in Korea and are wondering whether you would be able to provide us with 8000 pieces by the end of October. <br/> Best Regards, <br/> Yong Kim <br/> Purchasing Manager <br/> Watson, Inc. </p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Susan Tan  7/10/2011 03:30:01 PM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/susantan.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Yong, <br/> Thank you for your continued support. I have discussed about the request with my team, and the conclusion is that we would be able to provide you with the requested quantity by the specified deadline, only if we increase our staffs working hours. Hence, the price per item will correspondingly be increased slightly. May I know what opinion is on this is? Or would you prefer other alternatives?<br/> Best Regards, <br/> Susan Tan <br/> Sales and Marketing Manager <br/> WatchFactory, Inc.</p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Yong Kim  7/11/2011 10:30:01 AM Korean Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/yongkim.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Susan, <br/> May I know what is the proposed price increased? <br/> Best Regards, <br/> Yong Kim <br/> Purchasing Manager <br/> Watson, Inc.</p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Susan Tan  7/11/2011 :30:01 AM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/susantan.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Yong, <br/> Our proposed price change would be from USD 240 to USD 280.<br/> Best Regards, <br/> Susan Tan <br/> Sales and Marketing Manager <br/> WatchFactory, Inc.</p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Yong Kim  7/12/2011 10:30:01 AM Korean Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/yongkim.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Susan, <br/> Thanks for your prompt reply. Due to the price change, which we consider a little steep, I might have to get back to my team and discuss about it with them again. We'll let you know our decision <br/> Best Regards, <br/> Yong Kim <br/> Purchasing Manager <br/> Watson, Inc.</p></div>",
                                    //"<div id=\"msgMap\"><div id=\"mTitle\">Hae Jeong  8/18/2011 11:19:12 AM Greenwich Mean Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/haejeong.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Susan, <br/> This is Hae Jeong from Watson. I saw your advertisement on DX Uncrushable C100 and have generated intense interest in it. However, may I enquire on what is the extent of damage that the watch can manage? <br/> Best Regards, <br/> Hae Jeong <br/> Purchaser <br/> Watson, Inc. </p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Susan Tan  8/18/2011 02:00:01 PM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/susantan.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Hae Jeong, <br/> The watch is designed to handle the weight of an average car weighing from 1.5 to 2 tones. <br/> Hope it helps. <br/> Best Regards, <br/> Susan Tan <br/> Sales and Marketing Manager <br/> WatchFactory, Inc.</p></div>",
                                   // "<div id=\"msgMap\"><div id=\"mTitle\">Huang Li  8/23/2011 10:00:01 AM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/huang.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Susan, <br/> This is Huang Li from Innova. We saw your latest product, the World Slimmest Watch Phone through the GlobaTrek network and would like to enquire on the price offering for a 3000 pieces batch order.  <br/> Best Regards, <br/> Huang Li <br/> Purchasing Director <br/> Innova, Inc. </p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Susan Tan  8/24/2011 04:00:01 PM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/susantan.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Li, <br/> For that quantity, we charge it at a price of 300 USD for each watch. <br/> Best Regards, <br/> Susan Tan <br/> Sales and Marketing Manager <br/> WatchFactory, Inc.</p></div>",
                                   // "<div id=\"msgMap\"><div id=\"mTitle\">John Kani  8/20/2011 11:00:01 AM South Africa Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/johnkani.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Susan, <br/> This is John Kani from PCN WatchMax. I saw your advertisement on the on DX Uncrushable C100 and have generated intense interest in it. However, may I enquire on what is the extent of damage that the watch can manage? <br/> Best Regards, <br/> John Kani <br/> Purchaser <br/> PCN WatchMax </p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Susan Tan  8/20/2011 02:00:01 PM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/susantan.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi John, <br/> The watch is designed to handle the weight of an average car weighing from 1.5 to 2 tones. <br/> Hope it helps. <br/> Best Regards, <br/> Susan Tan <br/> Sales and Marketing Manager <br/> WatchFactory, Inc.</p></div>",
                                   // "<div id=\"msgMap\"><div id=\"mTitle\">Malika Gopal  8/21/2011 09:00:01 AM Western Indonesian Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/malikagopal.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Susan, <br/> This is Malika Gopal from Amberson WatchTech. I saw your advertisement on the on DX Uncrushable C100 and have generated intense interest in it. However, may I enquire on what is the extent of damage that the watch can manage? <br/> Best Regards, <br/> Malika Gopal <br/> Purchaser <br/> Amberson WatchTech </p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Susan Tan  8/21/2011 02:00:01 PM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/susantan.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Malika, <br/> The watch is designed to handle the weight of an average car weighing from 1.5 to 2 tones. <br/> Hope it helps. <br/> Best Regards, <br/> Susan Tan <br/> Sales and Marketing Manager <br/> WatchFactory, Inc.</p></div>",
                                  //change to eric
                                    "<div id=\"msgMap\"><div id=\"mTitle\">Eric Lin  8/24/2011 11:30:01 AM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/adamhenry.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Xue Shan, <br/><br/>This is Eric Lin, Li Du s managing director. In addition to what Li has requested, is it possible for us to get a product demonstration over the video conference as well?<br/><br/> Best Regards, <br/> Eric Lin <br/> Purchasing Director <br/> Ten West, Inc. </p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Xue Shan Tan  8/25/2011 02:00:01 PM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/susantan.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Eric and Li,<br/><br/>Thank you for your interest. I will have the product ready for demonstration by tomorrow morning.  By then, please feel free to join me in a video conference anytime both of you are available.<br/><br/> Best Regards, <br/> Susan Tan <br/> Supplier <br/> Croks, Inc.</p></div>",
                                  // change to lidu 
                                    "<div id=\"msgMap\"><div id=\"mTitle\">Li Du  7/12/2011 10:45:01 AM China Pacific Time Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/img1.jpg\"><br/><img src=\"images/mail.jpg\"/></div><p>&#21992;&#38634;&#29642;,<br/><br/>&#25105;&#21483;&#20029;&#65292;&#25105;&#30475;&#21040;&#20320;&#30340; &#21830;&#21697;&#8220;pinky mallika  &#8221; &#22312; &#24182;&#27491;&#22312;&#32771;&#34385;&#36141;&#20080;&#23427;&#20316;&#20026;&#19968;&#27454;&#26071;&#33328;&#20135;&#21697;&#12290;&#20320;&#33021;&#21542;&#25552;&#20379;&#26356;&#35814;&#32454;&#30340;&#20449;&#24687;&#36141;&#20080;&#65311; <br/><br/>Best Regards<br/>Li Du<br/>Purchasing Manager<br/>Ten West,Inc.</p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Xue Shan Tan  7/13/2011 02:00:01 PM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/susantan.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Eric and Li, <br/><br/> Thank you for your interest. I will have the product ready for demonstration by tomorrow morning.  By then, please feel free to join me in a video conference anytime both of you are available. <br/><br/> Best Regards, <br/> Xue Shan Tan <br/>Sales and Marketing Manager <br/> Croks, Inc.</p></div>"
                                    );
  
//       var messagesList1 = new Array("<div id=\"msgMap\"><div id=\"mTitle\">Alice Braga  8/19/2011 11:00:01 AM Atlantic Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/alicebraga.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Susan, <br/> This is Alice Braga from Hutchinson Nova. I saw your advertisement on the on DX Uncrushable C100 and have generated intense interest in it. However, may I enquire on what is the extent of damage that the watch can manage? <br/> Best Regards, <br/> Alice Braga <br/> Purchaser <br/> Hutchinson Technology </p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Susan Tan  8/19/2011 2:00:01 PM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/susantan.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Alice, <br/> The watch is designed to handle the weight of an average car weighing from 1.5 to 2 tones. <br/> Hope it helps. <br/> Best Regards, <br/> Susan Tan <br/> Sales and Marketing Manager <br/> WatchFactory, Inc.</p></div>",
//               "<div id=\"msgMap\"><div id=\"mTitle\">Yong Kim  7/10/2011 02:00:01 PM Korean Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/yongkim.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Susan, <br/> This is Yong Kim from Watson. I hope you still remember me? I purchased a batch of Turtle TW-800 GSM Cell Phone Watch from you a few weeks ago, and it has received amazing market response. We are planning another major rollout in Korea and are wondering whether you would be able to provide us with 8000 pieces by the end of October. <br/> Best Regards, <br/> Yong Kim <br/> Purchasing Manager <br/> Watson, Inc. </p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Susan Tan  7/10/2011 03:30:01 PM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/susantan.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Yong, <br/> Thank you for your continued support. I have discussed about the request with my team, and the conclusion is that we would be able to provide you with the requested quantity by the specified deadline, only if we increase our staffs working hours. Hence, the price per item will correspondingly be increased slightly. May I know what opinion is on this is? Or would you prefer other alternatives?<br/> Best Regards, <br/> Susan Tan <br/> Sales and Marketing Manager <br/> WatchFactory, Inc.</p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Yong Kim  7/11/2011 10:30:01 AM Korean Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/yongkim.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Susan, <br/> May I know what is the proposed price increased? <br/> Best Regards, <br/> Yong Kim <br/> Purchasing Manager <br/> Watson, Inc.</p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Susan Tan  7/11/2011 :30:01 AM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/susantan.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Yong, <br/> Our proposed price change would be from USD 240 to USD 280.<br/> Best Regards, <br/> Susan Tan <br/> Sales and Marketing Manager <br/> WatchFactory, Inc.</p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Yong Kim  7/12/2011 10:30:01 AM Korean Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/yongkim.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Susan, <br/> Thanks for your prompt reply. Due to the price change, which we consider a little steep, I might have to get back to my team and discuss about it with them again. We'll let you know our decision <br/> Best Regards, <br/> Yong Kim <br/> Purchasing Manager <br/> Watson, Inc.</p></div>",
//               "<div id=\"msgMap\"><div id=\"mTitle\">Hae Jeong  8/18/2011 11:19:12 AM Greenwich Mean Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/haejeong.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Susan, <br/> This is Hae Jeong from Watson. I saw your advertisement on DX Uncrushable C100 and have generated intense interest in it. However, may I enquire on what is the extent of damage that the watch can manage? <br/> Best Regards, <br/> Hae Jeong <br/> Purchaser <br/> Watson, Inc. </p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Susan Tan  8/18/2011 02:00:01 PM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/susantan.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Hae Jeong, <br/> The watch is designed to handle the weight of an average car weighing from 1.5 to 2 tones. <br/> Hope it helps. <br/> Best Regards, <br/> Susan Tan <br/> Sales and Marketing Manager <br/> WatchFactory, Inc.</p></div>",
//               "<div id=\"msgMap\"><div id=\"mTitle\">Huang Li  8/23/2011 10:00:01 AM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/huang.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Susan, <br/> This is Huang Li from Innova. We saw your latest product, the World Slimmest Watch Phone through the GlobaTrek network and would like to enquire on the price offering for a 3000 pieces batch order.  <br/> Best Regards, <br/> Huang Li <br/> Purchasing Director <br/> Innova, Inc. </p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Susan Tan  8/24/2011 04:00:01 PM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/susantan.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Li, <br/> For that quantity, we charge it at a price of 300 USD for each watch. <br/> Best Regards, <br/> Susan Tan <br/> Sales and Marketing Manager <br/> WatchFactory, Inc.</p></div>",
//               "<div id=\"msgMap\"><div id=\"mTitle\">John Kani  8/20/2011 11:00:01 AM South Africa Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/johnkani.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Susan, <br/> This is John Kani from PCN WatchMax. I saw your advertisement on the on DX Uncrushable C100 and have generated intense interest in it. However, may I enquire on what is the extent of damage that the watch can manage? <br/> Best Regards, <br/> John Kani <br/> Purchaser <br/> PCN WatchMax </p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Susan Tan  8/20/2011 02:00:01 PM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/susantan.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi John, <br/> The watch is designed to handle the weight of an average car weighing from 1.5 to 2 tones. <br/> Hope it helps. <br/> Best Regards, <br/> Susan Tan <br/> Sales and Marketing Manager <br/> WatchFactory, Inc.</p></div>",
//               "<div id=\"msgMap\"><div id=\"mTitle\">Malika Gopal  8/21/2011 09:00:01 AM Western Indonesian Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/malikagopal.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Susan, <br/> This is Malika Gopal from Amberson WatchTech. I saw your advertisement on the on DX Uncrushable C100 and have generated intense interest in it. However, may I enquire on what is the extent of damage that the watch can manage? <br/> Best Regards, <br/> Malika Gopal <br/> Purchaser <br/> Amberson WatchTech </p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Susan Tan  8/21/2011 02:00:01 PM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/susantan.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Malika, <br/> The watch is designed to handle the weight of an average car weighing from 1.5 to 2 tones. <br/> Hope it helps. <br/> Best Regards, <br/> Susan Tan <br/> Sales and Marketing Manager <br/> WatchFactory, Inc.</p></div>",
//               "<div id=\"msgMap\"><div id=\"mTitle\">Adam Henry  8/24/2011 11:30:01 AM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/adamhenry.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Susan, <br/><br/>This is Adam Henry. Ah Er?s managing director. I was just wondering if it is possible to negotiate the purchase details over a video conference, this is so that we can get a better view of the product with a brief demonstration?<br/><br/> Best Regards, <br/> Adam Henry <br/> Purchasing Director <br/> Watson, Inc. </p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Susan Tan  8/25/2011 02:00:01 PM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/susantan.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Adam and Ah Er, <br/><br/> Hi Adam and Ah Er<br/><br/> Best Regards, <br/> Susan Tan <br/> Sales and Marketing Manager <br/> WatchFactory, Inc.</p></div>",
//               "<div id=\"msgMap\"><div id=\"mTitle\">Jennifer Gates  7/12/2011 10:45:01 AM Pacific Daylight Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/jgates.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Susan, <br/> This is Jennifer Gates from MacroWat.  I saw your advertisement on your latest product, the World Slimmest Watch Phone, and is wondering if you have more detailed product brochures or videos to share with us? <br/> Best Regards, <br/> Jennifer Gates <br/> Purchasing Manager <br/> Watson, Inc. </p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Susan Tan  7/13/2011 02:00:01 PM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/susantan.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Jennifer, <br/> Thank you for showing such strong interest in our new product. We have received a significant amount of feedbacks requesting for more product details and video demonstration from other clients as well. Once we have those materials ready, we would notify you immediately. <br/> Thank you for your patience. <br/> Best Regards, <br/> Susan Tan <br/> Sales and Marketing Manager <br/> WatchFactory, Inc.</p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Jennifer Gates  8/13/2011 8:30:01 AM Pacific Daylight Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/jgates.png\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Susan, <br/> Thank you. We would love to hear from you soon. <br/> Best Regards, <br/> Jennifer Gates <br/> Purchasing Manager <br/> Watson, Inc.</p></div><br/><div id=\"msgMap\"><div id=\"mTitle\">Susan Tan  8/14/2011 02:00:01 PM Eastern Standard Time</div><div id=\"profileImageTiny\"><img src=\"thumbs/img2.jpg\"><br/><img src=\"images/mail.jpg\"/></div><p>Hi Jennifer, <br/> We uploaded some new brochures and video demonstration for our World-slimmest watch phone onto the GlobaTrek platform. Please review it at your convenience. For any additional questions or feedback, please feel free to contact me via any form of communication, and I will be there to give you a quick response. <br/> Best Regards, <br/> Susan Tan <br/> Sales and Marketing Manager <br/> WatchFactory, Inc.</p></div>"
//               );
      
      var messagesList2 = new Array(//"<div id=\"msgMap\"><div id=\"mTitle\">DX Uncrushable C100</div><div id=\"profileImageTiny\"><img src=\"thumbs/watchuncrushable.png\"></div><p>DX Uncrushable C100 is able to withstand high depths, and the faceplate is made of the hardest mineral crystal available. In addition, it uses a variety of washers and o-rings inside the watch to provide the tightest seal possible.</p></div>",
                                    //"<div id=\"msgMap\"><div id=\"mTitle\">Turtle TW-800 GSM Cell Phone Watch</div><div id=\"profileImageTiny\"><img src=\"thumbs/watchturtle.png\"></div><p>Turtle Wireless will unleash its new tri-band GSM phone the TWP-800, which can be worn like a wristwatch. The phone boasts Bluetooth capabilities (including support for stereo), MP3/MP4 playback, a touch screen and WAP for network data.</p></div>",
                                    //"<div id=\"msgMap\"><div id=\"mTitle\">DX Uncrushable C100</div><div id=\"profileImageTiny\"><img src=\"thumbs/watchuncrushable.png\"></div><p>DX Uncrushable C100 is able to withstand high depths, and the faceplate is made of the hardest mineral crystal available. In addition, it uses a variety of washers and o-rings inside the watch to provide the tightest seal possible.</p></div>",
                                    //"<div id=\"msgMap\"><div id=\"mTitle\">World Slimmest Watch Phone</div><div id=\"profileImageTiny\"><img src=\"thumbs/watchphone.png\"></div><p>The World Slimmest Watch Phone encompasses a cell phone, PDA, and it even plays MP3s and videos. It has a touch-screen display of 1.3 inches in size and features 176 by 220 pixel resolutions.</p></div>",
                                    //"<div id=\"msgMap\"><div id=\"mTitle\">DX Uncrushable C100</div><div id=\"profileImageTiny\"><img src=\"thumbs/watchuncrushable.png\"></div><p>DX Uncrushable C100 is able to withstand high depths, and the faceplate is made of the hardest mineral crystal available. In addition, it uses a variety of washers and o-rings inside the watch to provide the tightest seal possible.</p></div>",
                                   // "<div id=\"msgMap\"><div id=\"mTitle\">DX Uncrushable C100</div><div id=\"profileImageTiny\"><img src=\"thumbs/watchuncrushable.png\"></div><p>DX Uncrushable C100 is able to withstand high depths, and the faceplate is made of the hardest mineral crystal available. In addition, it uses a variety of washers and o-rings inside the watch to provide the tightest seal possible.</p></div>",
                                   // change the image
                                    "<div id=\"msgMap\"><div id=\"mTitle\">Pinky Mallika</div><div id=\"profileImageTiny\"><img src=\"thumbs/shoe.jpg\"></div><p>Croks Pinky Mallika give your feet ergonomic support because they are made from Croks exclusive croslite material. Croslite resin conforms to your foot for a custom fit. The Pinky Mallika footbed features circulation nubs to stimulate blood flow. Who would believe that these little flats could be so comfortable all day long!</p></div>",
                                    "<div id=\"msgMap\"><div id=\"mTitle\">Pinky Mallika</div><div id=\"profileImageTiny\"><img src=\"thumbs/shoe.jpg\"></div><p>Croks Pinky Mallika give your feet ergonomic support because they are made from Croks exclusive croslite material. Croslite resin conforms to your foot for a custom fit. The Pinky Mallika footbed features circulation nubs to stimulate blood flow. Who would believe that these little flats could be so comfortable all day long!</p></div>"
                                   // change the image
      							    );

  //*
  //*****
  //***********
  //******************* Change this park end ....
  //********************************
  //******************************************
  //*****************************************************
  //*************************************************************
      
      
      var mapCount = mapLats.length;
      
      // Create our "tiny" marker icon
      var blueIcon = new GIcon(G_DEFAULT_ICON);
      blueIcon.image = "http://maps.google.com/mapfiles/marker_orange.png";
                      
      // Set up our GMarkerOptions object
      for (var i = 0; i < mapCount; i++) {
        var point = new GLatLng(mapLats[i], mapLogs[i]);
        markerOptions = { icon:blueIcon, title:titlesProduct[i] };
        map.addOverlay(new GMarker(point, markerOptions));
      }
      
      
//****************** Geodesic Polylines *************************
//
      var polyOptions = {geodesic:true};
//
//****************** Geodesic Polylines *************************
   
    var mouse_latlng      = null;
    var mouse_in_polyline = false;


        
    GEvent.addListener(
        map,
        "mouseover",
        function( latlng ) {                    
            if ( latlng !== null ) {                    
                // Set the global variable for use by the click listener
                    mouse_latlng = latlng;               
            }            
        }
    );

        var Polyline =
            new GPolyline(
                [
                    new GLatLng(mapLats[0], mapLogs[0]),
                    new GLatLng(destLat, destLog)
                ],
                "#ff0000",
                7,
                .6,
                polyOptions
            );    
            map.addOverlay( Polyline );
            var points = [ new GLatLng(mapLats[0], mapLogs[0]), new GLatLng(destLat, destLog)];
            arrowHead(points);
        
         var Polyline1 =
            new GPolyline(
                [
                    new GLatLng(mapLats[0], mapLogs[0]),
                    new GLatLng(destLat, destLog)
                ],
                "#00FF00",
                16,
                .5,
                polyOptions
            );    
            
         var polyover_listener =
            GEvent.addListener(
                Polyline,
                "mouseover",
                function( GLatLng ) {                    
                    if ( GLatLng != null ) {                        
                        mouse_in_polyline = true;
                        //textarea1.value=messagesList[0];
                        mouse_in_occurred(1);
                        map.addOverlay( Polyline1 );
                    }                    
                }
            );

	    var polyout_listener =
	       GEvent.addListener(
	           Polyline,
	           "mouseout",
	           function( GLatLng ) {                
	               if ( GLatLng != null ) {
	                   mouse_in_polyline = false;
	                   map.removeOverlay( Polyline1 );
	                   map.addOverlay( Polyline );
	               }
	           }
	       );

//*******************************************************************************
    /*    var Polyline = 
            new GPolyline(
                [
                    new GLatLng("37.3002752813443","127.08984375"),
                    new GLatLng(destLat,destLog)
                ],
                "#ff0000",
                7,
                .6,
                polyOptions
            );    
            map.addOverlay( Polyline );

        var Polyline2 = 
            new GPolyline(
                [
                    new GLatLng("37.3002752813443","127.08984375"),
                    new GLatLng(destLat,destLog)
                ],
                "#00FF00",
                16,
                .5,
                polyOptions
            );    
            
         var polyover_listener =
            GEvent.addListener(
                Polyline,
                "mouseover",
                function( GLatLng ) {                    
                    if ( GLatLng != null ) {                        
                        mouse_in_polyline = true;
                        mouse_in_occurred(1);
                        map.addOverlay( Polyline2 );
                    }                    
                }
            );
            
	     var polyout_listener =
	        GEvent.addListener(
	            Polyline,
	            "mouseout",
	            function( GLatLng ) {                
	                if ( GLatLng != null ) {
	                    mouse_in_polyline = false;
	                    map.removeOverlay( Polyline2 );
	                    map.addOverlay( Polyline );
	                }
	            }
	        );*/

            
//*******************************************************************************            
    /*    var Polyline = 
            new GPolyline(
                [
                    new GLatLng("51.41291212935532","-0.17578125"),
                    new GLatLng(destLat,destLog)
                ],
                "#ff0000",
                7,
                .6,
                polyOptions
            );
            map.addOverlay( Polyline );

        var Polyline3 = 
            new GPolyline(
                [
                    new GLatLng("51.41291212935532","-0.17578125"),
                    new GLatLng(destLat,destLog)
                ],
                "#00FF00",
                16,
                .5,
                polyOptions
            );

              
         var polyover_listener =
            GEvent.addListener(
                Polyline,
                "mouseover",
                function( GLatLng ) {                    
                    if ( GLatLng != null ) {                        
                        mouse_in_polyline = true;
                        mouse_in_occurred(2);
                        map.addOverlay( Polyline3 );
                    }                    
                }
            );

	     var polyout_listener =
	        GEvent.addListener(
	            Polyline,
	            "mouseout",
	            function( GLatLng ) {                
	                if ( GLatLng != null ) {
	                    mouse_in_polyline = false;
	                    map.removeOverlay( Polyline3 );
	                    map.addOverlay( Polyline );
	                }
	            }
	        );*/

            
//*******************************************************************************            
    /*    var Polyline = 
            new GPolyline(
                [
                    new GLatLng("-34.59704151614416","150.99609375"),
                    new GLatLng(destLat,destLog)
                ],
                "#ff0000",
                7,
                .6,
                polyOptions
            );  
            map.addOverlay( Polyline );

        var Polyline4 = 
            new GPolyline(
                [
                    new GLatLng("-34.59704151614416","150.99609375"),
                    new GLatLng(destLat,destLog)
                ],
                "#00FF00",
                16,
                .5,
                polyOptions
            );  
            
         var polyover_listener =
            GEvent.addListener(
                Polyline,
                "mouseover",
                function( GLatLng ) {                    
                    if ( GLatLng != null ) {                        
                        mouse_in_polyline = true;
                        mouse_in_occurred(3);
                        map.addOverlay( Polyline4 );
                    }                    
                }
            );
            
	     var polyout_listener =
	        GEvent.addListener(
	            Polyline,
	            "mouseout",
	            function( GLatLng ) {                
	                if ( GLatLng != null ) {
	                    mouse_in_polyline = false;
	                    map.removeOverlay( Polyline4 );
	                    map.addOverlay( Polyline );
	                }
	            }
	        );
*/
//*******************************************************************************            
 /*       var Polyline = 
            new GPolyline(
                [
                    new GLatLng("-29.80251790576445","28.388671875"),
                    new GLatLng(destLat,destLog)
                ],
                "#ff0000",
                7,
                .6,
                polyOptions
            );  
            map.addOverlay( Polyline );

        var Polyline5 = 
            new GPolyline(
                [
                    new GLatLng("-29.80251790576445","28.388671875"),
                    new GLatLng(destLat,destLog)
                ],
                "#00FF00",
                16,
                .5,
                polyOptions
            );  
            map.addOverlay( Polyline );
            
         var polyover_listener =
            GEvent.addListener(
                Polyline,
                "mouseover",
                function( GLatLng ) {                    
                    if ( GLatLng != null ) {                        
                        mouse_in_polyline = true;
                        mouse_in_occurred(4);
                        map.addOverlay( Polyline5 );
                    }                    
                }
            );

	     var polyout_listener =
	        GEvent.addListener(
	            Polyline,
	            "mouseout",
	            function( GLatLng ) {                
	                if ( GLatLng != null ) {
	                    mouse_in_polyline = false;
	                    map.removeOverlay( Polyline5 );
	                    map.addOverlay( Polyline );
	                }
	            }
	        );            
*/
//*******************************************************************************            
 /*       var Polyline = 
            new GPolyline(
                [
                    new GLatLng("-6.664607562172572","106.962890625"),
                    new GLatLng(destLat,destLog)
                ],
                "#ff0000",
                7,
                .6,
                polyOptions
            );  
            map.addOverlay( Polyline );

        var Polyline6 = 
            new GPolyline(
                [
                    new GLatLng("-6.664607562172572","106.962890625"),
                    new GLatLng(destLat,destLog)
                ],
                "#00FF00",
                16,
                .5,
                polyOptions
            );  
            
         var polyover_listener =
            GEvent.addListener(
                Polyline,
                "mouseover",
                function( GLatLng ) {                    
                    if ( GLatLng != null ) {                        
                        mouse_in_polyline = true;
                        mouse_in_occurred(5);
                        map.addOverlay( Polyline6 );
                    }                    
                }
            );
            
	     var polyout_listener =
	        GEvent.addListener(
	            Polyline,
	            "mouseout",
	            function( GLatLng ) {                
	                if ( GLatLng != null ) {
	                    mouse_in_polyline = false;
	                    map.removeOverlay( Polyline6 );
	                    map.addOverlay( Polyline );
	                }
	            }
	        );            
*/
//*******************************************************************************            
 /*       var Polyline = 
            new GPolyline(
                [
                    new GLatLng("40.44028431845116","-79.99626159667969"),
                    new GLatLng(destLat,destLog)
                ],
                "#ff0000",
                7,
                .6,
                polyOptions
            );  
            map.addOverlay( Polyline );

        var Polyline7 = 
            new GPolyline(
                [
                    new GLatLng("40.44028431845116","-79.99626159667969"),
                    new GLatLng(destLat,destLog)
                ],
                "#00FF00",
                16,
                .5,
                polyOptions
            );  
            map.addOverlay( Polyline );
            
         var polyover_listener =
            GEvent.addListener(
                Polyline,
                "mouseover",
                function( GLatLng ) {                    
                    if ( GLatLng != null ) {                        
                        mouse_in_polyline = true;
                        mouse_in_occurred(6);
                        map.addOverlay( Polyline7 );
                    }                    
                }
            );
            
	     var polyout_listener =
	        GEvent.addListener(
	            Polyline,
	            "mouseout",
	            function( GLatLng ) {                
	                if ( GLatLng != null ) {
	                    mouse_in_polyline = false;
	                    map.removeOverlay( Polyline7 );
	                    map.addOverlay( Polyline );
	                }
	            }
	        );
*/
//*******************************************************************************            
        var Polyline = 
            new GPolyline(
                [
                    new GLatLng("37.77234303484358","-122.4180793762207"),
                    new GLatLng(destLat,destLog)
                ],
                "#ff0000",
                7,
                .6,
                polyOptions
            );  
            map.addOverlay( Polyline );

        var Polyline8 = 
            new GPolyline(
                [
                    new GLatLng("37.77234303484358","-122.4180793762207"),
                    new GLatLng(destLat,destLog)
                ],
                "#00FF00",
                16,
                .5,
                polyOptions
            );  
            map.addOverlay( Polyline );
            
         var polyover_listener =
            GEvent.addListener(
                Polyline,
                "mouseover",
                function( GLatLng ) {                    
                    if ( GLatLng != null ) {                        
                        mouse_in_polyline = true;
                        mouse_in_occurred(0);
                        map.addOverlay( Polyline8 );
                    }                    
                }
            );
            
	     var polyout_listener =
	        GEvent.addListener(
	            Polyline,
	            "mouseout",
	            function( GLatLng ) {                
	                if ( GLatLng != null ) {
	                    mouse_in_polyline = false;
	                    map.removeOverlay( Polyline8 );
	                    map.addOverlay( Polyline );
	                }
	            }
	        );
    }

    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }

    </script>
    

<jsp:include page="include-footer.jsp"/>